.my-main {
    padding: 0 ;
    height: auto; /* 根据内容自适应高度 */
    background-color: #f8f6f6;
    overflow-y: auto; /* 允许垂直滚动 */
    margin-bottom: 1px; /* 添加间距以分隔组件 */
}
.full-page {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column; /* 纵向排列容器 */
}

.top-container {
    flex: 0 0 auto; /* 固定高度的顶部容器 */
    background-color: #f8f6f6; /* 顶部容器背景色 */
}

.bottom-container {
    flex: 1; /* 剩余空间分配给底部容器 */
    display: flex; /* 底部容器使用 Flexbox */
}

.left-container,
.right-container {
    flex: 0 0 15%; /* 左右侧容器固定为20%宽度 */
    background-color: #f8f6f6; /* 左右容器背景色 */
}

.middle-container {
    flex: 1; /* 中间容器填充剩余空间 */
    overflow-y: auto; /* 允许垂直滚动 */
    background-color: #f8f6f6; /* 中间容器背景色 */
}
.download-button {
    position: absolute; /* 绝对定位 */
    right: 20px; /* 距离右侧 20px */
    bottom: 20px; /* 距离底部 20px */
    padding: 10px 15px;
    background-color: #4caf50; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    border: none;
    border-radius: 5px;
    text-decoration: none; /* 去掉下划线 */
}

/*
a{
    text-decoration: none;
}
.router-link-active {
    text-decoration: none;
}
.full-page {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f0f2f5; !* 背景颜色 *!
    display: flex;
    flex-direction: column;
    height: 100vh; !* 使布局占满整个视口高度 *!
}
.custom-header {
    text-align: center; !* 居中对齐 *!
}
.el-table__header{
    text-align: center;
}
*/
